import React from 'react'
import { Icon } from '@antv/x6-components'

export default function() {
  return (
    <div>
      <Icon type="account-book" style={{ fontSize: 24, marginRight: 8 }} />
      <Icon
        svg={true}
        type={`<svg viewBox="64 64 896 896"><path d="M193 796c0 17.7 14.3 32 32 32h574c17.7 0 32-14.3 32-32V563c0-176.2-142.8-319-319-319S193 386.8 193 563v233zm72-233c0-136.4 110.6-247 247-247s247 110.6 247 247v193H404V585c0-5.5-4.5-10-10-10h-44c-5.5 0-10 4.5-10 10v171h-75V563zm-48.1-252.5l39.6-39.6c3.1-3.1 3.1-8.2 0-11.3l-67.9-67.9a8.03 8.03 0 0 0-11.3 0l-39.6 39.6a8.03 8.03 0 0 0 0 11.3l67.9 67.9c3.1 3.1 8.1 3.1 11.3 0zm669.6-79.2l-39.6-39.6a8.03 8.03 0 0 0-11.3 0l-67.9 67.9a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l67.9-67.9c3.1-3.2 3.1-8.2 0-11.3zM832 892H192c-17.7 0-32 14.3-32 32v24c0 4.4 3.6 8 8 8h688c4.4 0 8-3.6 8-8v-24c0-17.7-14.3-32-32-32zM484 180h56c4.4 0 8-3.6 8-8V76c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v96c0 4.4 3.6 8 8 8z"></path></svg>`}
        style={{ fontSize: 24, marginRight: 8 }}
      />
      <Icon
        type={{
          width: 30.849,
          height: 30.849,
          pathData:
            'M28.648 2.202H2.206C.986 2.202 0 3.187 0 4.404v22.039c0 1.215.986 2.203 2.206 2.203h26.442a2.205 2.205 0 002.201-2.203V4.404a2.202 2.202 0 00-2.201-2.202zM10.537 3.856c.609 0 1.1.491 1.1 1.103a1.102 1.102 0 11-1.1-1.103zm-3.373 0a1.102 1.102 0 110 2.202 1.1 1.1 0 110-2.202zm-3.309 0a1.102 1.102 0 11.004 2.204 1.102 1.102 0 01-.004-2.204zm24.793 22.587H2.206V7.736h26.442v18.707zm0-20.912H13.22V4.43h15.428v1.101z',
        }}
        style={{ fontSize: 24, marginRight: 8 }}
      />
      <Icon
        type={{
          width: 231.306,
          height: 231.306,
          pathData: [
            'M229.548 67.743L163.563 1.757A6 6 0 00159.32 0H40.747C18.279 0 0 18.279 0 40.747V190.56c0 22.468 18.279 40.747 40.747 40.747H190.56c22.468 0 40.747-18.279 40.747-40.747V71.985a6.005 6.005 0 00-1.759-4.242zM164.32 19.485l47.5 47.5h-47.5v-47.5zm26.239 199.821H40.747C24.896 219.306 12 206.41 12 190.559V40.747C12 24.896 24.896 12 40.747 12H152.32v60.985a6 6 0 006 6h60.985v111.574c.001 15.851-12.895 28.747-28.746 28.747z',
            'M103.826 52.399c-5.867-5.867-13.667-9.098-21.964-9.098s-16.097 3.231-21.964 9.098C54.031 58.266 50.8 66.066 50.8 74.363c0 8.297 3.231 16.097 9.098 21.964l61.536 61.536c7.957 7.956 20.9 7.954 28.855 0 7.955-7.956 7.955-20.899 0-28.855L89.361 68.082a6 6 0 00-8.485 8.485l60.927 60.927c3.276 3.276 3.276 8.608 0 11.884s-8.607 3.276-11.884 0L68.383 87.843A18.937 18.937 0 0162.8 74.364c0-5.092 1.983-9.879 5.583-13.479 7.433-7.433 19.525-7.433 26.958 0l64.476 64.476c11.567 11.567 11.567 30.388 0 41.955-5.603 5.603-13.053 8.689-20.977 8.689s-15.374-3.086-20.977-8.689L68.29 117.742a6 6 0 00-8.485 8.485l49.573 49.573c7.87 7.87 18.333 12.204 29.462 12.204s21.593-4.334 29.462-12.204 12.204-18.333 12.204-29.463c0-11.129-4.334-21.593-12.204-29.462l-64.476-64.476z',
          ],
        }}
        style={{ fontSize: 24, marginRight: 8 }}
      />
    </div>
  )
}
